XS uređaj (mali telefon)
Fixed layout (Fiksni raspored):
1. Web stranica s fiksnim rasporedom elemenata čije su širine fiksne.
2. Takve web stranice nemaju mogućnost prilagodbe uređajima te nisu pogodne za uređaje s manjim
ekranima
Fluid layout (Fluidni raspored):
1. Elementi na web stranici imaju fluidne širine (npr. postotci) i uvijek su u istom odnosu jedan prema
drugom.
2. Na primjer, jedan element može zauzimati trećinu ukupne širine web stranice, bez obzira na
veličinu ekrana.
SM uređaj (veći telefon)
Viewport je vidljivo područje web stranice na uređaju za prikaz. Ovo područje
se razlikuje ovisno o uređaju i bit će manje na mobilnom telefonu nego na
računalnom zaslonu
MD uređaj (tablet)
320px: Najmanja širina zaslona koja se koristi kao točka prekida za mobilne uređaje.
480px: Širina zaslona koja se koristi kao točka prekida za manje mobilne uređaje.
600px: Širina zaslona koja se koristi kao točka prekida za veće mobilne uređaje i manje
tablete.
768px: Širina zaslona koja se koristi kao točka prekida za tablete i manje prijenosnike.
900px: Širina zaslona koja se koristi kao točka prekida za veće prijenosnike i manje stolna
računala.
1200px: Širina zaslona koja se koristi kao točka prekida za veća stolna računala.
LG uređaj (desktop)
Pikseli (px)
Milimetri (mm)
Centimetri (cm)
Inči (in)
XL uređaj (veliki desktop)
postotci (%)
em
rem
viewport-width (vw)
viewport-height (vh)